diff options
| author | real-zephex <[email protected]> | 2024-06-07 14:03:40 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-06-07 14:03:40 +0530 |
| commit | 9e0d502e6f9c0dd1dc88f42f7be4aae71c858164 (patch) | |
| tree | 661d2f887d323c374529f4fe2af168708f2bdb39 /src/app/anime/[id] | |
| parent | Merge branch 'master' of https://github.com/real-zephex/Dramalama-Next (diff) | |
| download | dramalama-9e0d502e6f9c0dd1dc88f42f7be4aae71c858164.tar.xz dramalama-9e0d502e6f9c0dd1dc88f42f7be4aae71c858164.zip | |
✨ style: changed background color for show pages
Diffstat (limited to 'src/app/anime/[id]')
| -rw-r--r-- | src/app/anime/[id]/page.jsx | 74 |
1 files changed, 32 insertions, 42 deletions
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx index 6740aac..53c125e 100644 --- a/src/app/anime/[id]/page.jsx +++ b/src/app/anime/[id]/page.jsx @@ -15,49 +15,39 @@ const AnimeInfoHomepage = async ({ params }) => { }
return (
- <section
- style={{
- backgroundImage: `radial-gradient(gray 1px, transparent 1px)`,
- backgroundSize: "40px 40px",
- }}
- className="h-screen bg-white dark:bg-black"
- >
- <section className="absolute inset-0 bg-gradient-to-b from-transparent to-white dark:to-black">
- <section className="m-auto pt-16 lg:w-9/12">
- <div className="flex items-center justify-center md:justify-start lg:justify-start">
- <Image
- isBlurred
- width={190}
- src={data.image.toString()}
- alt="Anime Title Poster"
- className="m-2"
- />
- <div className="mx-5">
- <h4 className={`text-2xl`}>
- <strong>{data.title}</strong>
- </h4>
- <div>
- {data.genres &&
- data.genres.map((item, index) => (
- <Chip
- key={index}
- color="warning"
- variant="faded"
- className="mb-1 mr-1"
- >
- <p className="text-xs">{item}</p>
- </Chip>
- ))}
- </div>
- </div>
+ <section className="m-auto lg:w-9/12">
+ <div className="flex items-center justify-center md:justify-start lg:justify-start">
+ <Image
+ isBlurred
+ width={190}
+ src={data.image.toString()}
+ alt="Anime Title Poster"
+ className="m-2"
+ />
+ <div className="mx-5">
+ <h4 className={`text-2xl`}>
+ <strong>{data.title}</strong>
+ </h4>
+ <div>
+ {data.genres &&
+ data.genres.map((item, index) => (
+ <Chip
+ key={index}
+ color="warning"
+ variant="faded"
+ className="mb-1 mr-1"
+ >
+ <p className="text-xs">{item}</p>
+ </Chip>
+ ))}
</div>
- <DescriptionTabs data={data} />
- <EpisodesContainer data={data} />
- <br />
- <br />
- <br />
- </section>
- </section>
+ </div>
+ </div>
+ <DescriptionTabs data={data} />
+ <EpisodesContainer data={data} />
+ <br />
+ <br />
+ <br />
</section>
);
};
|